<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 获取文档元素: 给元素id命名 然后 通过 document.getelementById()来获取 -->
    
    <div id="time">2022-6-9</div>
    <script>
        // 1.因为页面文档从上往下加载 所以先得有标签 所以我们script写到标签下面
        // 2.get获得  element 元素 by 通过 驼峰命名法
        // 3.括号里的参数 id是大小写敏感词的字符串
        // 4.返回的是一个文档对象 （因为dom把文档 元素 节点全部看做对象）
        var timer = document.getElementById('time')
        console.log(timer);
        console.log(typeof timer);
        // 5.console.dir 打印我们返回的元素对象 更好查看里面的属性和方法
        console.dir(timer);
    </script>
</body>

</html>